<template>
<div>
     <el-row :gutter='20'>
        <el-col :span='7'>
            <me-link></me-link>
            <br>
            <me-notice></me-notice>
        </el-col>
        <el-col :span='17' class='main-cont'>
            <me-title :title='title'></me-title>
            <br>
            <div class='box-download'>
                <ul>
                    <li v-for='item in downloads'>
                        <el-row>
                            <a :href="item.url" target="_blank">
                                <el-col :span='6'>
                                    <div class='download'>
                                        <img src='/static/image/download/icon-download.png' class='icon'>
                                        {{item.name}}
                                    </div>
                                </el-col>
                            </a>
                            <el-col :span='12'>
                                <div class='info'>
                                    <div class='version'>版本号：{{item.version}}</div>
                                    <div class='system'>文件系统：{{item.system}}</div>
                                    <div class='md5'>MD5校验：{{item.md5}}</div>
                                </div>
                            </el-col>
                            <el-col :span='6'>
                                <div class='info-02'>
                                    <div class='update-date'>更新时间：{{item.update_date}}</div>
                                    <div class='filesize'>文件大小：{{item.filesize}}</div>
                                    <div class='wrap-btn'>
                                        <a :href="item.url" target="_blank"><button class='yi-btn orange sm'>直接下载</button></a>
                                    </div>
                                </div>
                            </el-col>
                        </el-row>
                    </li>
                </ul>
            </div>
        </el-col>
    </el-row>
</div>
</template>

<script type="text/javascript">
import Link from '@/components/utils/Link'
import Notice from '@/components/utils/Notice'
import Title from '@/components/utils/Title'
import ScrollReveal from 'scrollreveal'
export default {
    components : {
        'me-link' : Link,
        'me-notice' : Notice,
        'me-title' : Title
    },
    data : function(){
        return {
            'downloads' : [
                {
                    'name' : '本地下载',
                    'version' : '1.1.10',
                    'system' : 'Win7/Win8/Win10',
                    'md5' : '73eb68f949b369be6860df042ca46a98',
                    'update_date' : '2018/10/30',
                    'filesize' : '477M',
                    'url' : '/m2setup.exe'
                }
            ],
            'title' : {
                'name' : '下载中心',
                'sub' : 'DOWNLOAD',
                'posi' : '位置 > ',
                'now' : '下载中心',
                'icon' : '/static/image/download/icon-title.png'
            }
        }
    },
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '20px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.main-cont')
    }
}
</script>